<template>
  <el-row :gutter="20">
    <!-- 第一列 -->
    <el-col :span="8">
      <!-- 用户信息 -->
      <LeftUp></LeftUp>
      <!-- 购买统计 -->
      <LeftDown></LeftDown>
    </el-col>
    <!-- 第二列 -->
    <el-col :span="16">
      <!-- 购买统计 -->
      <RightUp></RightUp>
      <RightModdle></RightModdle>
      <el-row :gutter="20">
        <el-col :span="12"><RightDownLeft></RightDownLeft></el-col>
        <el-col :span="12"><RightDownRight></RightDownRight></el-col>
      </el-row>
    </el-col>
  </el-row>
</template>

<script>
import LeftUp from "./components/left/up/index.vue";
import LeftDown from "./components/left/down/index.vue";
import RightUp from "./components/right/up/index.vue";
import RightModdle from "./components/right/moddle/index.vue";
import RightDownLeft from "./components/right/down/left.vue";
import RightDownRight from "./components/right/down/right.vue";
export default {
  components: {
    LeftUp,
    LeftDown,
    RightUp,
    RightModdle,
    RightDownLeft,
    RightDownRight,
  },
};
</script>

<style lang='less' scoped>
</style>